<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>有人智造-入库单看板</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/layui/2.8.17/css/layui.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.8.17/layui.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
  <!--    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.esm.min.js"></script>-->
  <link rel="icon" href="/static/img/logo.png" type="image/x-icon"> <!-- 链接到favicon.ico文件 -->
  <style>
    .body{
        width: 100%;
        height: 1500px;
        /*background-color: #f5f7fa;*/
        font-size: 25px;
        background: linear-gradient(to bottom right, blue, pink);
        background-image: url("/static/img/017d6a5c513b9ca801213f26c6f65d.png@2o.png");
        background-size: cover;
    }
    h1{
      width: 30%;
      margin: 0 auto;
      color: white;
      background: linear-gradient(-45deg, transparent 34px, #134194 0) right,
      linear-gradient(45deg, transparent 34px, #134194 0) left;
      background-size: 50% 100%;
      background-repeat: no-repeat;
      margin-bottom: 10px;
    }
    /*.main1{*/
    /*  width: 1480px;*/
    /*  height: 225px;*/
    /*  !*background-color: red;*!*/
    /*    margin: 0 auto;*/
    /*}*/
    h3{
      width: 100%;
      height: 30px;
      line-height: 30px;
      margin: 0 auto;
      color: white;
      background: linear-gradient(-45deg, transparent 14px, #134194 50px) right;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      margin-bottom: 20px;
      padding-left: 20px;
      /*font-size: 20px;*/
    }
    .top{
      height: 450px;
      background-color: #caf2ff;
      /*margin-top:-20px;*/
        border: 1px solid darkgray; /* 设置 <div> 元素的边框 */
        box-shadow: 5px 5px 10px #888888; /* 设置边框阴影 */
        margin-top: 50px;
    }
    .center{
      height:450px;
      background-color: #caf2ff;
        border: 1px solid darkgray; /* 设置 <div> 元素的边框 */
        box-shadow: 5px 5px 10px #888888; /* 设置边框阴影 */
        margin-top: 50px;
    }
    .bottom{
        margin-top: -20px;
      height: 50%;
      /*background-color: #caf2ff;*/
      display: flex;
        justify-content:space-between;
        border: 1px solid darkgray; /* 设置 <div> 元素的边框 */
        box-shadow: 5px 5px 10px #888888; /* 设置边框阴影 */
    }
    .bottom1{
      width: 30%;
      height: 100%;
        border: 1px solid darkgray; /* 设置 <div> 元素的边框 */
        box-shadow: 5px 5px 10px #888888; /* 设置边框阴影 */
        background: linear-gradient(to bottom right, white, blue);
    }
    .top11{
        width: 100%;
        height: 80%;
        background-color: white;
        border-radius: 50px;
        display: flex;
        margin-top: 25px;
    }
    .top111{
        width: 30%;
        height: 80px;
        border-radius: 50px 0 0 50px;
        /*background-color: red;*/
        text-align: center;
        color: white;
        line-height: 80px;
        /*font-size: 15px;*/
        background: linear-gradient(to bottom right, blue, pink);
    }
    .top112{
        width: 70%;
        height: 80px;
        border-radius: 0 50px 50px 0;
        background-color: green;
        text-align: center;
        color: white;
        line-height: 40px;
        /*font-size: 15px;*/
        background: linear-gradient(to bottom right,#666aff, #7bd4ce);
    }
    .bottom2{
      width: 33%;
      height: 350px;
      background-color: #caf2ff;
      /*margin-left: 150px;*/
        border: 1px solid darkgray; /* 设置 <div> 元素的边框 */
        box-shadow: 5px 5px 10px #888888; /* 设置边框阴影 */

    }
    .span1{
        display: inline-block;
        width: 200px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background-color: #c8dafe;
        border-radius: 20px;
    }
    .bottom3{
      width: 33%;
      height: 350px;
      background-color: #caf2ff;
      /*margin-left: 150px;*/
        border: 1px solid darkgray; /* 设置 <div> 元素的边框 */
        box-shadow: 5px 5px 10px #888888; /* 设置边框阴影 */
    }

    .container {
        max-width: 5000px;
        width: 100%;
        /*width: 1510px;*/
        /*margin: 0 auto;*/
        display: inline-block;
        /*background-color: red;*/
        height:380px; /* 设置容器的高度 */
        overflow: auto; /* 启用垂直滚动 */
        /*margin-left: 70px;*/
        padding: 0;
        overflow-y: hidden;
        overflow-x: hidden;
        position: relative; /* 相对定位以容纳滚动内容 */
        /*display: flex;*/
        /*float: left;*/
    }
    .container1{
        width: 100%;
        /*width: 1800px;*/
        /*background-color: #666aff;*/
        position: absolute; /* 绝对定位 */
        top: 0; /* 初始位置为顶部 */
        /*animation: move 5s linear infinite; !* 使用动画滚动 *!*/
        animation-name: move;
        /*animation-duration: 800s;*/
        animation-timing-function: linear;
        /*animation-delay: 1s;*/
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-fill-mode: forwards;
    }

    .container2 {
        max-width: 5000px;
        width: 100%;
        /*margin: 0 auto;*/
        display: inline-block;
        /*background-color: red;*/
        height: 220px; /* 设置容器的高度 */
        overflow: auto; /* 启用垂直滚动 */
        /*margin-left: 70px;*/
        overflow-y: hidden;
        overflow-x: hidden;
        position: relative; /* 相对定位以容纳滚动内容 */
        /*display: flex;*/
        /*float: left;*/

    }
    .container21{
        width: 100%;
        /*background-color: #666aff;*/
        position: absolute; /* 绝对定位 */
        top: 0; /* 初始位置为顶部 */
        /*animation: move 2000s linear infinite; !* 使用动画滚动 *!*/
        animation-name: move;
        /*animation-duration: 20s;*/
        animation-timing-function: linear;
        /*animation-delay: 1s;*/
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-fill-mode: forwards;
    }
    /* 滚动动画 */
    @keyframes move {
        /*0% {*/
        /*    top: 0; !* 开始时回到顶部 *!*/
        /*}*/
        /*100% {*/
        /*    top: -100%; !* 结束时滚动到底部 *!*/
        /*}*/
        from {
            transform: translateY(0);
        }
        to {
            transform: translateY(-100%);
        }
    }

    table th:nth-child(odd){
        background-color: #2bb9ba;
        color: white;
    }
    table th:nth-child(even){
        background-color:#134094;
        color: white;
    }
    table tr:nth-child(odd){
        background-color: #7bd4ce;
        color: white;
    }

    .table1 tr th{
        padding: 0;
        text-align: center;
    }
    .table1 tr td{
        padding: 0;
        /*text-align: center;*/
    }
    .layui-tab-card>.layui-tab-title .layui-this {
        background-color: #7bd4ce; /* 这里替换为你想要的背景色 */
        color:white;
    }
    .return{
        position: fixed;
        top: 10px;
        left:10px;
        width: 50px;
        height: 50px;
    }
  </style>
</head>
<body class="body">
<div class="main" style="width: 100%;margin:0 auto;" >
    <img src="/static/img/return.png" alt="返回总控台" class="return">
  <h1 style="text-align: center ">入库段看板</h1>
  <div class="layui-tab layui-tab-card"  style="border:none;" lay-filter="LAY_TAB">
    <ul class="layui-tab-title" style="background: linear-gradient(to right, #30cfd0, #330867);">
      <li class="layui-this" >采购入库</li>
      <li>完工入库</li>
      <li>其他入库</li>
      <li>生产退料</li>
    </ul>
    <div class="layui-tab-content ">
      <div class="layui-tab-item layui-show main1"  >
<!--       分三大部分，第一部分是待入库单据信息，第二部分是今日入库单据信息，第三部分是物料清单信息-->
          <div class="bottom">
              <div class="bottom1">
                  <h3>入库数量明细</h3>
                  <div id="count1">
                  <div class="top11">
                      <div class="top111">当前待入库</div>
                      <div class="top112" style="line-height: 80px;">
                          <!-- 数量：{$data1['count']} <br> -->
                          单据数：{$data1['count']}
                      </div>
                  </div>
                  <div class="top11">
                      <div class="top111">今日已入库</div>
                      <div class="top112">
                          数量： {$data2['counts']}<br>
                          单据数：{$data2['count']}
                      </div>
                  </div>
                  <div class="top11">
                      <div class="top111">昨日入库</div>
                      <div class="top112">
                          数量：{$count3['counts']} <br>
                          单据数：{$count3['count']}
                      </div>
                  </div>
                  </div>
              </div>
              <div class="bottom2">
                  <h3>采购入库待上架物料明细</h3>
                  <div style="display: flex;justify-content:space-between;margin: -10px 0 -10px 0" id="span1">
                  <span class="span1">总个数:{$data3['count']}</span>
                  <span class="span1">料号数:{$data3['counts']}</span>
                  </div>
                  <!--                表头和表体分离-->
                  <div style="width: 100%;margin-bottom: -15px;">
                      <table class="table table1" style="margin-top: 20px">
                          <tr style="text-align: center;">
                              <th width="40px">序号</th>
<!--                              <th width="200px">型号</th>-->
                              <th width="200px">料号</th>
                              <th width="60px">数量</th>
                          </tr>
                      </table>
                  </div>
                  <div class="{if $data3['counts']>=6}container2{/if}" >
                      <div class="{if $data3['counts']>=6}container21{/if}" style="animation-duration:{$data3['counts']}s;">
                          <table class="table table1">
                              <tbody id="table3">
                              {foreach $data3['list'] as $k=>$v}
                              <tr style="text-align: center" >
                                  <td width="40px">{$k+1}</td>
                                  <td width="200px">{$v['ITEM_CODE']}</td>
                                  <td width="60px">{$v['ITEM_QTY']}</td>
                              </tr>
                              {/foreach}
                              </tbody>
                          </table>
                      </div>
                  </div>
              </div>
              <div class="bottom3">
                  <h3>采购入库今日已上架物料清单</h3>
                  <div style="display: flex;justify-content:space-between;margin: -10px 0 -10px 0" id="span2">
                      <span class="span1">总个数:{$data4['count']}</span>
                      <span class="span1">料号数:{$data4['counts']}</span>
                  </div>
                  <!--                表头和表体分离-->
                  <div style="width: 100%;margin-bottom: -15px;">
                      <table class="table table1" style="margin-top: 20px">
                          <tr style="text-align: center;">
                              <th width="40px">序号</th>
                              <th width="200px">料号</th>
                              <th width="60px">数量</th>
                          </tr>
                      </table>
                  </div>
                  <div class="{if $data4['counts']>=6}container2{/if}">
                      <div class="{if $data4['counts']>=6}container21{/if}" style="animation-duration:{$data4['counts']}s;">
                          <table class="table table1">
                              <tbody id="table4">
                              {foreach $data4['list'] as $k=>$v}
                              <tr style="text-align: center" >
                                  <td width="40px">{$k+1}</td>
                                  <td width="200px">{$v['ITEM_CODE']}</td>
                                  <td width="60px">{$v['ITEM_QTY']}</td>
                              </tr>
                              {/foreach}
                              </tbody>
                          </table>
                      </div>
                  </div>
              </div>
          </div>
        <div class="top">
          <h3>当前待入库明细</h3>
          <!--                表头和表体分离-->
          <div style="width: 100%;margin-top: -20px;margin-bottom: -15px">
              <table class="table table1">
              <tr style="text-align: center;">
                <th width="40px">序号</th>
                <th width="180px">入库单号</th>
                <th width="80px">单据状态</th>
                <th width="150px">供应商</th>
                <th width="200px">计划入库日期</th>
                <th width="200px">开单时间</th>
                <th width="300px">备注</th>
              </tr>
          </table>
          </div>
            <div class="{if $data1['count']>=7}container{/if}" >
                <div class="{if $data1['count']>=7}container1{/if}" style="animation-duration:{$data1['count']}s;">
                <table class="table table1">
                    <tbody id="table1">
                {foreach $data1['list'] as $k=>$v}
                <tr style="text-align: center">
                  <td width="40px">{$k+1}</td>
                  <td width="200px">{$v['DOC_NO']}</td>
                    {if $v['DOC_STATUS']==1}
                  <td width="80px">开立</td>
                    {elseif $v['DOC_STATUS']==2}
                    <td width="80px">操作中</td>
                    {elseif $v['DOC_STATUS']==3}
                    <td width="80px">已关结</td>
                    {else}
                    <td width="80px">强制关结</td>
                    {/if}
                  <td width="150px" style="font-size: 15px">{$v['SUPPLIER_NAME']}</td>
                  <td width="200px">{$v['PLAN_RECEIVE_DATE']}</td>
                  <td width="200px">{$v['CREATE_TIME']}</td>
                  <td width="300px" style="font-size: 20px">{$v['MEMO']}</td>
                </tr>
                {/foreach}
                    </tbody>
                </table>
            </div>
          </div>
        </div>
<!--        中间-->
        <div class="center" style="margin-top: 20px;">
            <h3>今日已入库明细</h3>
            <!--                表头和表体分离-->
            <div style="width: 100%;margin-top: -20px;margin-bottom: -15px">
                <table class="table table1">
                    <tr style="text-align: center;">
                        <th width="40px">序号</th>
                        <th width="180px">入库单号</th>
                        <th width="80px">单据状态</th>
                        <th width="150px">供应商</th>
                        <th width="200px">计划入库日期</th>
                        <th width="200px">实际入库日期</th>
                        <th width="200px">开单时间</th>
                        <th width="300px" style="font-size: 15px">备注</th>
                    </tr>
                </table>
            </div>
            <div class="{if $data2['count']>=7}container{/if}" >
                <div class="{if $data2['count']>=7}container1{/if}" style="animation-duration:{$data2['count']}s;">
                    <table class="table table1">
                        <tbody id="table2">
                        {foreach $data2['list'] as $k=>$v}
                        <tr style="text-align: center">
                            <td width="40px">{$k+1}</td>
                            <td width="200px">{$v['DOC_NO']}</td>
                            {if $v['DOC_STATUS']==1}
                            <td width="100px">开立</td>
                            {elseif $v['DOC_STATUS']==2}
                            <td width="100px">操作中</td>
                            {elseif $v['DOC_STATUS']==3}
                            <td width="100px">已关结</td>
                            {else}
                            <td width="100px">强制关结</td>
                            {/if}
                            <td width="160px" style="font-size: 15px">{$v['SUPPLIER_NAME']}</td>
                            <td width="240px">{$v['PLAN_RECEIVE_DATE']}</td>
                            <td width="200px">{$v['CLOSE_TIME']}</td>
                            <td width="240px">{$v['CREATE_TIME']}</td>
                            <td width="330px" style="font-size: 20px">{$v['MEMO']}</td>
                        </tr>
                        {/foreach}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
<!--        底部-->

      </div>
      <div class="layui-tab-item">
          <!--       分三大部分，第一部分是待入库单据信息，第二部分是今日入库单据信息，第三部分是物料清单信息-->
          <!--        底部-->
          <div class="bottom">
              <div class="bottom1">
                  <h3>入库数量明细</h3>
                  <div id="count2">
                  <div class="top11">
                      <div class="top111">当前待入库</div>
                      <div class="top112" style="line-height: 80px;">
                          <!-- 数量：{$data5['count']} <br> -->
                          单据数：{$data5['count']}
                      </div>
                  </div>
                  <div class="top11">
                      <div class="top111">今日已入库</div>
                      <div class="top112">
                          数量： {$data6['counts']}<br>
                          单据数：{$data6['count']}
                      </div>
                  </div>
                  <div class="top11">
                      <div class="top111">昨日入库</div>
                      <div class="top112">
                          数量：{$count8['counts']} <br>
                          单据数：{$count8['count']}
                      </div>
                  </div>
                  </div>
              </div>
              <div class="bottom2">
                  <h3>完工入库待上架物料明细</h3>
                  <div style="display: flex;justify-content:space-between;margin: -10px 0 -10px 0" id="span3">
                      <span class="span1">总个数:{$data7['count']}</span>
                      <span class="span1">料号数:{$data7['counts']}</span>
                  </div>
                  <!--                表头和表体分离-->
                  <div style="width: 100%;margin-bottom: -15px;">
                      <table class="table table1" style="margin-top: 20px">
                          <tr style="text-align: center;">
                              <th width="40px">序号</th>
                              <th width="200px">料号</th>
                              <th width="60px">数量</th>
                          </tr>
                      </table>
                  </div>
                  <div class="{if $data7['counts']>=6}container2{/if}">
                      <div class="{if $data7['counts']>=6}container21{/if}" style="animation-duration:{$data7['counts']}s;">
                          <table class="table table1">
                              <tbody id="table7">
                              {foreach $data7['list'] as $k=>$v}
                              <tr style="text-align: center" >
                                  <td width="40px">{$k+1}</td>
                                  <td width="200px">{$v['ITEM_CODE']}</td>
                                  <td width="60px">{$v['ITEM_QTY']}</td>
                              </tr>
                              {/foreach}
                              </tbody>
                          </table>
                      </div>
                  </div>
              </div>
              <div class="bottom3">
                  <h3>完工入库今日已上架物料清单</h3>
                  <div style="display: flex;justify-content:space-between;margin: -10px 0 -10px 0" id="span4">
                      <span class="span1">总个数:{$data8['count']}</span>
                      <span class="span1">料号数:{$data8['counts']}</span>
                  </div>
                  <!--                表头和表体分离-->
                  <div style="width: 100%;margin-bottom: -15px;">
                      <table class="table table1" style="margin-top: 20px">
                          <tr style="text-align: center;">
                              <th width="40px">序号</th>
                              <th width="200px">料号</th>
                              <th width="60px">数量</th>
                          </tr>
                      </table>
                  </div>
                  <div class="{if $data8['counts']>=6}container2{/if}">
                      <div class="{if $data8['counts']>=6}container21{/if}" style="animation-duration:{$data8['counts']}s;">
                          <table class="table table1">
                              <tbody id="table8">
                              {foreach $data8['list'] as $k=>$v}
                              <tr style="text-align: center" >
                                  <td width="40px">{$k+1}</td>
                                  <td width="200px">{$v['ITEM_CODE']}</td>
                                  <td width="60px">{$v['ITEM_QTY']}</td>
                              </tr>
                              {/foreach}
                              </tbody>
                          </table>
                      </div>
                  </div>
              </div>
          </div>
          <div class="top">
              <h3>当前待入库明细</h3>
              <!--                表头和表体分离-->
              <div style="width: 100%;margin-top: -20px;margin-bottom: -15px">
                  <table class="table table1">
                      <tr style="text-align: center;">
                          <th width="40px">序号</th>
                          <th width="180px">入库单号</th>
                          <th width="80px">单据状态</th>
                          <th width="200px">计划入库日期</th>
                          <th width="200px">开单时间</th>
                          <th width="300px">备注</th>
                      </tr>
                  </table>
              </div>
              <div class="{if $data5['count']>=7}container{/if}" >
                  <div class="{if $data5['count']>=7}container1{/if}" style="animation-duration:{$data5['count']}s;">
                      <table class="table table1">
                          <tbody id="table5">
                          {foreach $data5['list'] as $k=>$v}
                          <tr style="text-align: center">
                              <td width="40px">{$k+1}</td>
                              <td width="200px">{$v['DOC_NO']}</td>
                              {if $v['DOC_STATUS']==1}
                              <td width="100px">开立</td>
                              {elseif $v['DOC_STATUS']==2}
                              <td width="100px">操作中</td>
                              {elseif $v['DOC_STATUS']==3}
                              <td width="100px">已关结</td>
                              {else}
                              <td width="100px">强制关结</td>
                              {/if}
                              <td width="240px">{$v['PLAN_RECEIVE_DATE']}</td>
                              <td width="240px">{$v['CREATE_TIME']}</td>
                              <td width="330px">{$v['MEMO']}</td>
                          </tr>
                          {/foreach}
                          </tbody>
                      </table>
                  </div>
              </div>
          </div>
          <!--        中间-->
          <div class="center" style="margin-top: 20px;">
              <h3>今日已入库明细</h3>
              <!--                表头和表体分离-->
              <div style="width: 100%;margin-top: -20px;margin-bottom: -15px">
                  <table class="table table1">
                      <tr style="text-align: center;">
                          <th width="40px">序号</th>
                          <th width="180px">入库单号</th>
                          <th width="80px">单据状态</th>
                          <th width="200px">计划入库日期</th>
                          <th width="200px">实际入库日期</th>
                          <th width="200px">开单时间</th>
                          <th width="300px">备注</th>
                      </tr>
                  </table>
              </div>
              <div class="{if $data6['count']>=7}container{/if}" >
                  <div class="{if $data6['count']>=7}container1{/if}" style="animation-duration:{$data6['count']}s;">
                      <table class="table table1">
                          <tbody id="table6">
                          {foreach $data6['list'] as $k=>$v}
                          <tr style="text-align: center">
                              <td width="40px">{$k+1}</td>
                              <td width="200px">{$v['DOC_NO']}</td>
                              {if $v['DOC_STATUS']==1}
                              <td width="100px">开立</td>
                              {elseif $v['DOC_STATUS']==2}
                              <td width="100px">操作中</td>
                              {elseif $v['DOC_STATUS']==3}
                              <td width="100px">已关结</td>
                              {else}
                              <td width="100px">强制关结</td>
                              {/if}
                              <td width="240px">{$v['PLAN_RECEIVE_DATE']}</td>
                              <td width="200px">{$v['CLOSE_TIME']}</td>
                              <td width="240px">{$v['CREATE_TIME']}</td>
                              <td width="330px">{$v['MEMO']}</td>
                          </tr>
                          {/foreach}
                          </tbody>
                      </table>
                  </div>
              </div>
          </div>

      </div>
      <div class="layui-tab-item">
          <!--       分三大部分，第一部分是待入库单据信息，第二部分是今日入库单据信息，第三部分是物料清单信息-->
          <!--        底部-->
          <div class="bottom">
              <div class="bottom1">
                  <h3>入库数量明细</h3>
                  <div id="count3">
                  <div class="top11">
                      <div class="top111">当前待入库</div>
                      <div class="top112" style="line-height: 80px;">
                          <!-- 数量：{$data9['count']} <br> -->
                          单据数：{$data9['count']}
                      </div>
                  </div>
                  <div class="top11">
                      <div class="top111">今日已入库</div>
                      <div class="top112">
                          数量： {$data10['counts']}<br>
                          单据数：{$data10['count']}
                      </div>
                  </div>
                  <div class="top11">
                      <div class="top111">昨日入库</div>
                      <div class="top112">
                          数量：{$count13['counts']} <br>
                          单据数：{$count13['count']}
                      </div>
                  </div>
                  </div>
              </div>
              <div class="bottom2">
                  <h3>其他入库待上架物料明细</h3>
                  <div style="display: flex;justify-content:space-between;margin: -10px 0 -10px 0" id="span5">
                      <span class="span1">总个数:{$data11['count']}</span>
                      <span class="span1">料号数:{$data11['counts']}</span>
                  </div>
                  <!--                表头和表体分离-->
                  <div style="width: 100%;margin-bottom: -15px;">
                      <table class="table table1" style="margin-top: 20px">
                          <tr style="text-align: center;">
                              <th width="40px">序号</th>
                              <th width="200px">料号</th>
                              <th width="60px">数量</th>
                          </tr>
                      </table>
                  </div>
                  <div class="{if $data11['counts']>=6}container2{/if}">
                      <div class="{if $data11['counts']>=6}container21{/if}" style="animation-duration:{$data11['counts']}s;">
                          <table class="table table1">
                              <tbody id="table11">
                              {foreach $data11['list'] as $k=>$v}
                              <tr style="text-align: center" >
                                  <td width="40px">{$k+1}</td>
                                  <td width="150px">{$v['ITEM_CODE']}</td>
                                  <td width="60px">{$v['ITEM_QTY']}</td>
                              </tr>
                              {/foreach}
                              </tbody>
                          </table>
                      </div>
                  </div>
              </div>
              <div class="bottom3">
                  <h3>其他入库今日已上架物料清单</h3>
                  <div style="display: flex;justify-content:space-between;margin: -10px 0 -10px 0" id="span6">
                      <span class="span1">总个数:{$data12['count']}</span>
                      <span class="span1">料号数:{$data12['counts']}</span>
                  </div>
                  <!--                表头和表体分离-->
                  <div style="width: 100%;margin-bottom: -15px;">
                      <table class="table table1" style="margin-top: 20px">
                          <tr style="text-align: center;">
                              <th width="40px">序号</th>
                              <th width="200px">料号</th>
                              <th width="60px">数量</th>
                          </tr>
                      </table>
                  </div>
                  <div class="{if $data12['counts']>=6}container2{/if}">
                      <div class="{if $data12['counts']>=6}container21{/if}" style="animation-duration:{$data12['counts']}s;">
                          <table class="table table1">
                              <tbody id="table12">
                              {foreach $data12['list'] as $k=>$v}
                              <tr style="text-align: center" >
                                  <td width="40px">{$k+1}</td>
                                  <td width="200px">{$v['ITEM_CODE']}</td>
                                  <td width="60px">{$v['ITEM_QTY']}</td>
                              </tr>
                              {/foreach}
                              </tbody>
                          </table>
                      </div>
                  </div>
              </div>
          </div>
          <div class="top">
              <h3>当前待入库明细</h3>
              <!--                表头和表体分离-->
              <div style="width: 100%;margin-top: -20px;margin-bottom: -15px">
                  <table class="table table1">
                      <tr style="text-align: center;">
                          <th width="40px">序号</th>
                          <th width="180px">入库单号</th>
                          <th width="80px">单据状态</th>
                          <th width="150px">供应商</th>
                          <th width="200px">计划入库日期</th>
                          <th width="200px">开单时间</th>
                          <th width="300px">备注</th>
                      </tr>
                  </table>
              </div>
              <div class="{if $data9['count']>=7}container{/if}" >
                  <div class="{if $data9['count']>=7}container1{/if}" style="animation-duration:{$data9['count']}s;">
                      <table class="table table1">
                          <tbody id="table9">
                          {foreach $data9['list'] as $k=>$v}
                          <tr style="text-align: center">
                              <td width="40px">{$k+1}</td>
                              <td width="200px">{$v['DOC_NO']}</td>
                              {if $v['DOC_STATUS']==1}
                              <td width="100px">开立</td>
                              {elseif $v['DOC_STATUS']==2}
                              <td width="100px">操作中</td>
                              {elseif $v['DOC_STATUS']==3}
                              <td width="100px">已关结</td>
                              {else}
                              <td width="100px">强制关结</td>
                              {/if}
                              <td width="160px">{$v['SUPPLIER_NAME']}</td>
                              <td width="240px">{$v['PLAN_RECEIVE_DATE']}</td>
                              <td width="240px">{$v['CREATE_TIME']}</td>
                              <td width="330px">{$v['MEMO']}</td>
                          </tr>
                          {/foreach}
                          </tbody>
                      </table>
                  </div>
              </div>
          </div>
          <!--        中间-->
          <div class="center" style="margin-top: 20px;">
              <h3>今日已入库明细</h3>
              <!--                表头和表体分离-->
              <div style="width: 100%;margin-top: -20px;margin-bottom: -15px">
                  <table class="table table1">
                      <tr style="text-align: center;">
                          <th width="40px">序号</th>
                          <th width="180px">入库单号</th>
                          <th width="80px">单据状态</th>
                          <th width="150px">供应商</th>
                          <th width="200px">计划入库日期</th>
                          <th width="200px">实际入库日期</th>
                          <th width="200px">开单时间</th>
                          <th width="300px">备注</th>
                      </tr>
                  </table>
              </div>
              <div class="{if $data10['count']>=7}container{/if}" >
                  <div class="{if $data10['count']>=7}container1{/if}" style="animation-duration:{$data10['count']}s;">
                      <table class="table table1">
                          <tbody id="table10">
                          {foreach $data10['list'] as $k=>$v}
                          <tr style="text-align: center">
                              <td width="40px">{$k+1}</td>
                              <td width="200px">{$v['DOC_NO']}</td>
                              {if $v['DOC_STATUS']==1}
                              <td width="100px">开立</td>
                              {elseif $v['DOC_STATUS']==2}
                              <td width="100px">操作中</td>
                              {elseif $v['DOC_STATUS']==3}
                              <td width="100px">已关结</td>
                              {else}
                              <td width="100px">强制关结</td>
                              {/if}
                              <td width="160px">{$v['SUPPLIER_NAME']}</td>
                              <td width="240px">{$v['PLAN_RECEIVE_DATE']}</td>
                              <td width="200px">{$v['CLOSE_TIME']}</td>
                              <td width="240px">{$v['CREATE_TIME']}</td>
                              <td width="330px">{$v['MEMO']}</td>
                          </tr>
                          {/foreach}
                          </tbody>
                      </table>
                  </div>
              </div>
          </div>

      </div>

      <div class="layui-tab-item">
        <!--       分三大部分，第一部分是待入库单据信息，第二部分是今日入库单据信息，第三部分是物料清单信息-->
        <!--        底部-->
        <div class="bottom">
            <div class="bottom1">
                <h3>入库数量明细</h3>
                <div id="count2">
                <div class="top11">
                    <div class="top111">当前待入库</div>
                    <div class="top112" style="line-height: 80px;">
                        <!-- 数量：{$data13['count']} <br> -->
                        单据数：{$data13['count']}
                    </div>
                </div>
                <div class="top11">
                    <div class="top111">今日已入库</div>
                    <div class="top112">
                        数量： {$data14['counts']}<br>
                        单据数：{$data14['count']}
                    </div>
                </div>
                <div class="top11">
                    <div class="top111">昨日入库</div>
                    <div class="top112">
                        数量：{$count17['counts']} <br>
                        单据数：{$count17['count']}
                    </div>
                </div>
                </div>
            </div>
            <div class="bottom2">
                <h3>生产退料待上架物料明细</h3>
                <div style="display: flex;justify-content:space-between;margin: -10px 0 -10px 0" id="span3">
                    <span class="span1">总个数:{$data15['count']}</span>
                    <span class="span1">料号数:{$data15['counts']}</span>
                </div>
                <!--                表头和表体分离-->
                <div style="width: 100%;margin-bottom: -15px;">
                    <table class="table table1" style="margin-top: 20px">
                        <tr style="text-align: center;">
                            <th width="40px">序号</th>
                            <th width="200px">料号</th>
                            <th width="60px">数量</th>
                        </tr>
                    </table>
                </div>
                <div class="{if $data15['counts']>=6}container2{/if}">
                    <div class="{if $data15['counts']>=6}container21{/if}" style="animation-duration:{$data15['counts']}s;">
                        <table class="table table1">
                            <tbody id="table7">
                            {foreach $data15['list'] as $k=>$v}
                            <tr style="text-align: center" >
                                <td width="40px">{$k+1}</td>
                                <td width="200px">{$v['ITEM_CODE']}</td>
                                <td width="60px">{$v['ITEM_QTY']}</td>
                            </tr>
                            {/foreach}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="bottom3">
                <h3>生产退料今日已上架物料清单</h3>
                <div style="display: flex;justify-content:space-between;margin: -10px 0 -10px 0" id="span4">
                    <span class="span1">总个数:{$data16['count']}</span>
                    <span class="span1">料号数:{$data16['counts']}</span>
                </div>
                <!--                表头和表体分离-->
                <div style="width: 100%;margin-bottom: -15px;">
                    <table class="table table1" style="margin-top: 20px">
                        <tr style="text-align: center;">
                            <th width="40px">序号</th>
                            <th width="200px">料号</th>
                            <th width="60px">数量</th>
                        </tr>
                    </table>
                </div>
                <div class="{if $data16['counts']>=6}container2{/if}">
                    <div class="{if $data16['counts']>=6}container21{/if}" style="animation-duration:{$data16['counts']}s;">
                        <table class="table table1">
                            <tbody id="table8">
                            {foreach $data16['list'] as $k=>$v}
                            <tr style="text-align: center" >
                                <td width="40px">{$k+1}</td>
                                <td width="200px">{$v['ITEM_CODE']}</td>
                                <td width="60px">{$v['ITEM_QTY']}</td>
                            </tr>
                            {/foreach}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="top">
            <h3>当前待入库明细</h3>
            <!--                表头和表体分离-->
            <div style="width: 100%;margin-top: -20px;margin-bottom: -15px">
                <table class="table table1">
                    <tr style="text-align: center;">
                        <th width="40px">序号</th>
                        <th width="180px">入库单号</th>
                        <th width="80px">单据状态</th>
                        <th width="200px">计划入库日期</th>
                        <th width="200px">开单时间</th>
                        <th width="300px">备注</th>
                    </tr>
                </table>
            </div>
            <div class="{if $data13['count']>=7}container{/if}" >
                <div class="{if $data13['count']>=7}container1{/if}" style="animation-duration:{$data13['count']}s;">
                    <table class="table table1">
                        <tbody id="table5">
                        {foreach $data13['list'] as $k=>$v}
                        <tr style="text-align: center">
                            <td width="40px">{$k+1}</td>
                            <td width="200px">{$v['DOC_NO']}</td>
                            {if $v['DOC_STATUS']==1}
                            <td width="100px">开立</td>
                            {elseif $v['DOC_STATUS']==2}
                            <td width="100px">操作中</td>
                            {elseif $v['DOC_STATUS']==3}
                            <td width="100px">已关结</td>
                            {else}
                            <td width="100px">强制关结</td>
                            {/if}
                            <td width="240px">{$v['PLAN_RECEIVE_DATE']}</td>
                            <td width="240px">{$v['CREATE_TIME']}</td>
                            <td width="330px">{$v['MEMO']}</td>
                        </tr>
                        {/foreach}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!--        中间-->
        <div class="center" style="margin-top: 20px;">
            <h3>今日已入库明细</h3>
            <!--                表头和表体分离-->
            <div style="width: 100%;margin-top: -20px;margin-bottom: -15px">
                <table class="table table1">
                    <tr style="text-align: center;">
                        <th width="40px">序号</th>
                        <th width="180px">入库单号</th>
                        <th width="80px">单据状态</th>
                        <th width="200px">计划入库日期</th>
                        <th width="200px">实际入库日期</th>
                        <th width="200px">开单时间</th>
                        <th width="300px">备注</th>
                    </tr>
                </table>
            </div>
            <div class="{if $data14['count']>=7}container{/if}" >
                <div class="{if $data14['count']>=7}container1{/if}" style="animation-duration:{$data14['count']}s;">
                    <table class="table table1">
                        <tbody id="table6">
                        {foreach $data14['list'] as $k=>$v}
                        <tr style="text-align: center">
                            <td width="40px">{$k+1}</td>
                            <td width="200px">{$v['DOC_NO']}</td>
                            {if $v['DOC_STATUS']==1}
                            <td width="100px">开立</td>
                            {elseif $v['DOC_STATUS']==2}
                            <td width="100px">操作中</td>
                            {elseif $v['DOC_STATUS']==3}
                            <td width="100px">已关结</td>
                            {else}
                            <td width="100px">强制关结</td>
                            {/if}
                            <td width="240px">{$v['PLAN_RECEIVE_DATE']}</td>
                            <td width="200px">{$v['CLOSE_TIME']}</td>
                            <td width="240px">{$v['CREATE_TIME']}</td>
                            <td width="330px">{$v['MEMO']}</td>
                        </tr>
                        {/foreach}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
    </div>
  </div>
</div>
</body>
<script>
    $(".return").click(function (){
        window.history.back();
    })
    //定时刷新
    // 定义定时器，每隔一定时间执行刷新操作
    // var refreshInterval = setInterval(function() {
    //     // location.reload(); // 刷新页面
    //     $.ajax({
    //         url:'put',
    //         type:'get',
    //         dataType:'json',
    //         success:function (res){
    //             // console.log(res)
    //             var table1=document.getElementById('table1')
    //             var html1=''
    //             $.each(res.data1.list,function (i,v){
    //                 i+=1
    //                 if(v.DOC_STATUS===1){
    //                    html1+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="180px">'+v.DOC_NO+'</td><td width="80px">开立</td><td width="150px">'+v.SUPPLIER_NAME+'</td><td width="200px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CREATE_TIME+'</td><td width="300px">'+v.MEMO+'</td></tr>';
    //                 }else if(v.DOC_STATUS===2){
    //                     html1+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="180px">'+v.DOC_NO+'</td><td width="80px">操作中</td><td width="150px">'+v.SUPPLIER_NAME+'</td><td width="200px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CREATE_TIME+'</td><td width="300px">'+v.MEMO+'</td></tr>';
    //                 }else if(v.DOC_STATUS===3){
    //                     html1+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="180px">'+v.DOC_NO+'</td><td width="80px">已关结</td><td width="150px">'+v.SUPPLIER_NAME+'</td><td width="200px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CREATE_TIME+'</td><td width="300px">'+v.MEMO+'</td></tr>';
    //                 }else{
    //                     html1+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="180px">'+v.DOC_NO+'</td><td width="80px">强制关结</td><td width="150px">'+v.SUPPLIER_NAME+'</td><td width="200px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CREATE_TIME+'</td><td width="300px">'+v.MEMO+'</td></tr>';
    //                 }
    //             })
    //             table1.innerHTML=html1
    //
    //             var table2=document.getElementById('table2')
    //             // table2.innerHTML=''
    //             var html2=''
    //             $.each(res.data2.list,function (i,v){
    //                 i+=1
    //                 if(v.DOC_STATUS===1){
    //                     html2+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="200px">'+v.DOC_NO+'</td><td width="100px">开立</td><td width="160px">'+v.SUPPLIER_NAME+'</td><td width="240px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CLOSE_TIME+'</td><td width="240px">'+v.CREATE_TIME+'</td><td width="330px">'+v.MEMO+'</td></tr>';
    //                 }else if(v.DOC_STATUS===2){
    //                     html2+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="200px">'+v.DOC_NO+'</td><td width="100px">操作中</td><td width="160px">'+v.SUPPLIER_NAME+'</td><td width="240px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CLOSE_TIME+'</td><td width="240px">'+v.CREATE_TIME+'</td><td width="330px">'+v.MEMO+'</td></tr>';
    //                 }else if(v.DOC_STATUS===3){
    //                     html2+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="200px">'+v.DOC_NO+'</td><td width="100px">已关结</td><td width="160px">'+v.SUPPLIER_NAME+'</td><td width="240px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CLOSE_TIME+'</td><td width="240px">'+v.CREATE_TIME+'</td><td width="330px">'+v.MEMO+'</td></tr>';
    //                 }else{
    //                     html2+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="200px">'+v.DOC_NO+'</td><td width="100px">强制关结</td><td width="160px">'+v.SUPPLIER_NAME+'</td><td width="240px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CLOSE_TIME+'</td><td width="240px">'+v.CREATE_TIME+'</td><td width="330px">'+v.MEMO+'</td></tr>';
    //                 }
    //             })
    //             table2.innerHTML=html2
    //
    //             table3=document.getElementById('table3')
    //             var html3=''
    //             $.each(res.data3.list,function (i,v){
    //                 i+=1
    //                 html3+='<tr style="text-align: center" ><td width="40px">'+i+'</td><td width="200px">'+v.ITEM_MODEL+'</td><td width="60px">'+v.ITEM_QTY+'</td></tr>'
    //             })
    //             table3.innerHTML=html3
    //
    //             table4=document.getElementById('table4')
    //             var html4=''
    //             $.each(res.data4.list,function (i,v){
    //                 i+=1
    //                 html4+='<tr style="text-align: center" ><td width="40px">'+i+'</td><td width="200px">'+v.ITEM_MODEL+'</td><td width="60px">'+v.ITEM_QTY+'</td></tr>'
    //             })
    //             table4.innerHTML=html4
    //
    //             //完工入库
    //             var table5=document.getElementById('table5')
    //             var html5=''
    //             $.each(res.data5.list,function (i,v){
    //                 i+=1
    //                 if(v.MEMO==null){
    //                     v.MEMO=''
    //                 }
    //                 if(v.DOC_STATUS===1){
    //                     html5+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="180px">'+v.DOC_NO+'</td><td width="80px">开立</td><td width="200px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CREATE_TIME+'</td><td width="300px">'+v.MEMO+'</td></tr>';
    //                 }else if(v.DOC_STATUS===2){
    //                     html5+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="180px">'+v.DOC_NO+'</td><td width="80px">操作中</td><td width="200px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CREATE_TIME+'</td><td width="300px">'+v.MEMO+'</td></tr>';
    //                 }else if(v.DOC_STATUS===3){
    //                     html5+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="180px">'+v.DOC_NO+'</td><td width="80px">已关结</td><td width="200px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CREATE_TIME+'</td><td width="300px">'+v.MEMO+'</td></tr>';
    //                 }else{
    //                     html5+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="180px">'+v.DOC_NO+'</td><td width="80px">强制关结</td><td width="200px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CREATE_TIME+'</td><td width="300px">'+v.MEMO+'</td></tr>';
    //                 }
    //             })
    //             table5.innerHTML=html5
    //
    //             var table6=document.getElementById('table6')
    //             var html6=''
    //             $.each(res.data6.list,function (i,v){
    //                 i+=1
    //                 if(v.MEMO==null){
    //                     v.MEMO=''
    //                 }
    //                 if(v.DOC_STATUS===1){
    //                     html6+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="200px">'+v.DOC_NO+'</td><td width="100px">开立</td><td width="240px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CLOSE_TIME+'</td><td width="240px">'+v.CREATE_TIME+'</td><td width="330px">'+v.MEMO+'</td></tr>';
    //                 }else if(v.DOC_STATUS===2){
    //                     html6+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="200px">'+v.DOC_NO+'</td><td width="100px">操作中</td><td width="240px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CLOSE_TIME+'</td><td width="240px">'+v.CREATE_TIME+'</td><td width="330px">'+v.MEMO+'</td></tr>';
    //                 }else if(v.DOC_STATUS===3){
    //                     html6+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="200px">'+v.DOC_NO+'</td><td width="100px">已关结</td><td width="240px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CLOSE_TIME+'</td><td width="240px">'+v.CREATE_TIME+'</td><td width="330px">'+v.MEMO+'</td></tr>';
    //                 }else{
    //                     html6+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="200px">'+v.DOC_NO+'</td><td width="100px">强制关结</td><td width="240px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CLOSE_TIME+'</td><td width="240px">'+v.CREATE_TIME+'</td><td width="330px">'+v.MEMO+'</td></tr>';
    //                 }
    //             })
    //             table6.innerHTML=html6
    //
    //             table7=document.getElementById('table7')
    //             var html7=''
    //             $.each(res.data7.list,function (i,v){
    //                 i+=1
    //                 html7+='<tr style="text-align: center" ><td width="40px">'+i+'</td><td width="200px">'+v.ITEM_MODEL+'</td><td width="60px">'+v.ITEM_QTY+'</td></tr>'
    //             })
    //             table7.innerHTML=html7
    //
    //             table8=document.getElementById('table8')
    //             var html8=''
    //             $.each(res.data8.list,function (i,v){
    //                 i+=1
    //                 html8+='<tr style="text-align: center" ><td width="40px">'+i+'</td><td width="200px">'+v.ITEM_MODEL+'</td><td width="60px">'+v.ITEM_QTY+'</td></tr>'
    //             })
    //             table8.innerHTML=html8
    //
    //             //其他出库
    //             var table9=document.getElementById('table9')
    //             var html9=''
    //             $.each(res.data9.list,function (i,v){
    //                 i+=1
    //                 if(v.MEMO==null){
    //                     v.MEMO=''
    //                 }
    //                 if(v.DOC_STATUS===1){
    //                     html9+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="180px">'+v.DOC_NO+'</td><td width="80px">开立</td><td width="150px">'+v.SUPPLIER_NAME+'</td><td width="200px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CREATE_TIME+'</td><td width="300px">'+v.MEMO+'</td></tr>';
    //                 }else if(v.DOC_STATUS===2){
    //                     html9+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="180px">'+v.DOC_NO+'</td><td width="80px">操作中</td><td width="150px">'+v.SUPPLIER_NAME+'</td><td width="200px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CREATE_TIME+'</td><td width="300px">'+v.MEMO+'</td></tr>';
    //                 }else if(v.DOC_STATUS===3){
    //                     html9+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="180px">'+v.DOC_NO+'</td><td width="80px">已关结</td><td width="150px">'+v.SUPPLIER_NAME+'</td><td width="200px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CREATE_TIME+'</td><td width="300px">'+v.MEMO+'</td></tr>';
    //                 }else{
    //                     html9+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="180px">'+v.DOC_NO+'</td><td width="80px">强制关结</td><td width="150px">'+v.SUPPLIER_NAME+'</td><td width="200px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CREATE_TIME+'</td><td width="300px">'+v.MEMO+'</td></tr>';
    //                 }
    //             })
    //             table9.innerHTML=html9
    //
    //             var table10=document.getElementById('table10')
    //             // table2.innerHTML=''
    //             var html10=''
    //             $.each(res.data10.list,function (i,v){
    //                 i+=1
    //                 if(v.MEMO==null){
    //                     v.MEMO=''
    //                 }
    //                 if(v.DOC_STATUS===1){
    //                     html10+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="200px">'+v.DOC_NO+'</td><td width="100px">开立</td><td width="160px">'+v.SUPPLIER_NAME+'</td><td width="240px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CLOSE_TIME+'</td><td width="240px">'+v.CREATE_TIME+'</td><td width="330px">'+v.MEMO+'</td></tr>';
    //                 }else if(v.DOC_STATUS===2){
    //                     html10+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="200px">'+v.DOC_NO+'</td><td width="100px">操作中</td><td width="160px">'+v.SUPPLIER_NAME+'</td><td width="240px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CLOSE_TIME+'</td><td width="240px">'+v.CREATE_TIME+'</td><td width="330px">'+v.MEMO+'</td></tr>';
    //                 }else if(v.DOC_STATUS===3){
    //                     html10+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="200px">'+v.DOC_NO+'</td><td width="100px">已关结</td><td width="160px">'+v.SUPPLIER_NAME+'</td><td width="240px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CLOSE_TIME+'</td><td width="240px">'+v.CREATE_TIME+'</td><td width="330px">'+v.MEMO+'</td></tr>';
    //                 }else{
    //                     html10+='<tr style="text-align: center"><td width="40px">'+i+'</td><td width="200px">'+v.DOC_NO+'</td><td width="100px">强制关结</td><td width="160px">'+v.SUPPLIER_NAME+'</td><td width="240px">'+v.PLAN_RECEIVE_DATE+'</td><td width="200px">'+v.CLOSE_TIME+'</td><td width="240px">'+v.CREATE_TIME+'</td><td width="330px">'+v.MEMO+'</td></tr>';
    //                 }
    //             })
    //             table10.innerHTML=html10
    //
    //             table11=document.getElementById('table11')
    //             var html11=''
    //             $.each(res.data11.list,function (i,v){
    //                 i+=1
    //                 html11+='<tr style="text-align: center" ><td width="40px">'+i+'</td><td width="200px">'+v.ITEM_MODEL+'</td><td width="60px">'+v.ITEM_QTY+'</td></tr>'
    //             })
    //             table11.innerHTML=html11
    //
    //             table12=document.getElementById('table12')
    //             var html12=''
    //             $.each(res.data12.list,function (i,v){
    //                 i+=1
    //                 html12+='<tr style="text-align: center" ><td width="40px">'+i+'</td><td width="200px">'+v.ITEM_MODEL+'</td><td width="60px">'+v.ITEM_QTY+'</td></tr>'
    //             })
    //             table12.innerHTML=html12
    //
    //             var count1=document.getElementById('count1')
    //             var htmlCount1='<div class="top11"><div class="top111">当前待入库</div><div class="top112">数量：'+res.data1.count+'<br>单据数：'+res.data1.count+'</div></div><div class="top11"><div class="top111">今日已入库</div><div class="top112">数量： '+res.data2.count+'<br>单据数：'+res.data2.count+'</div></div><div class="top11"><div class="top111">昨日入库</div><div class="top112">数量：'+res.count3+' <br>单据数：'+res.count3+'</div></div>'
    //             count1.innerHTML=htmlCount1
    //
    //             var count2=document.getElementById('count2')
    //             var htmlCount2='<div class="top11"><div class="top111">当前待入库</div><div class="top112">数量：'+res.data5.count+'<br>单据数：'+res.data5.count+'</div></div><div class="top11"><div class="top111">今日已入库</div><div class="top112">数量： '+res.data6.count+'<br>单据数：'+res.data6.count+'</div></div><div class="top11"><div class="top111">昨日入库</div><div class="top112">数量：'+res.count8+' <br>单据数：'+res.count3+'</div></div>'
    //             count2.innerHTML=htmlCount2
    //
    //             var count3=document.getElementById('count3')
    //             var htmlCount3='<div class="top11"><div class="top111">当前待入库</div><div class="top112">数量：'+res.data9.count+'<br>单据数：'+res.data9.count+'</div></div><div class="top11"><div class="top111">今日已入库</div><div class="top112">数量： '+res.data10.count+'<br>单据数：'+res.data10.count+'</div></div><div class="top11"><div class="top111">昨日入库</div><div class="top112">数量：'+res.count13+' <br>单据数：'+res.count3+'</div></div>'
    //             count3.innerHTML=htmlCount3
    //
    //             var span1=document.getElementById('span1')
    //             var htmlSpan1='<span class="span1">总个数:'+res.data3.count+'</span><span class="span1">型号数:'+res.data3.counts+'</span>'
    //             span1.innerHTML=htmlSpan1
    //
    //             var span2=document.getElementById('span2')
    //             var htmlSpan2='<span class="span1">总个数:'+res.data4.count+'</span><span class="span1">型号数:'+res.data4.counts+'</span>'
    //             span2.innerHTML=htmlSpan2
    //
    //             var span3=document.getElementById('span3')
    //             var htmlSpan3='<span class="span1">总个数:'+res.data7.count+'</span><span class="span1">型号数:'+res.data7.counts+'</span>'
    //             span3.innerHTML=htmlSpan3
    //
    //             var span4=document.getElementById('span4')
    //             var htmlSpan4='<span class="span1">总个数:'+res.data8.count+'</span><span class="span1">型号数:'+res.data8.counts+'</span>'
    //             span4.innerHTML=htmlSpan4
    //
    //             var span5=document.getElementById('span5')
    //             var htmlSpan5='<span class="span1">总个数:'+res.data11.count+'</span><span class="span1">型号数:'+res.data11.counts+'</span>'
    //             span5.innerHTML=htmlSpan5
    //
    //             var span6=document.getElementById('span6')
    //             var htmlSpan6='<span class="span1">总个数:'+res.data12.count+'</span><span class="span1">型号数:'+res.data12.counts+'</span>'
    //             span6.innerHTML=htmlSpan6
    //         },
    //         error:function (){
    //             console.log('网络故障')
    //             location.reload()
    //         }
    //     })
    // }, 60000); // 5000 毫秒（5 秒）间隔
  // layui 初始化
  layui.use('element', function(){
    var element = layui.element;
      // 假设你有一个包含选项卡的容器的class是layui-tab
      var tabContainer = document.querySelector('.layui-tab');

      // 初始化选项卡组件
      element.init();

      // 定义当前选中的选项卡索引
      var currentTabIndex = 0;

      // 定义自动切换的时间间隔（毫秒）
      var interval = 10000; // 3秒

      // 创建计时器，定期切换选项卡
      setInterval(function() {
          // 获取所有选项卡标题
          var tabTitles = tabContainer.querySelectorAll('.layui-tab-title li');

          // 取消当前选中的选项卡
          tabTitles[currentTabIndex].classList.remove('layui-this');

          // 计算下一个选项卡的索引
          currentTabIndex = (currentTabIndex + 1) % tabTitles.length;

          // 设置下一个选项卡为选中状态
          tabTitles[currentTabIndex].classList.add('layui-this');
          $(".layui-this").click()
          // 切换选项卡内容
          // element.tabChange('LAY_TAB',currentTabIndex); // 这里的'demo'是选项卡的lay-filter属性值
      }, interval);
    // 监听选项卡切换事件
    element.on('tab(LAY_TAB)', function(data){
      // data.index 获取当前选项卡的索引
      // 在这里你可以根据需要执行相应的操作
      // console.log(1);
    });
  });
</script>
</html>